.banner{
    background: url('../img/price/bg_price.png') no-repeat;
    background-size: cover;
    height: 7.988rem;
    padding-top: 2.1rem;
    color:#fff;
    text-align: center;
}
    .banner h1{
        font-size: .36rem;
        line-height: .5rem; 
    }
    .banner p{
        font-size: .18rem;
        line-height: .25rem;
        margin-top: .32rem;
    }
.version-box{
    width: 100%;
    /* height: 6.302rem; */
    /* position: relative; */
}
.version{
    width: 91.9%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* position: absolute;
    top: -3.3rem;
    left: 50%; */
    /* margin-left: -45.95%; */
    margin-top: -3.3rem;
}
    .ver-item{
        width: 32%;
        /* height: 8.5rem; */
        background: #FFF;
        border: 1px solid #DFDFDF;
        border-radius: 2px;
    }
    .ver-item h1{
        text-align: center;
        font-size: .22rem;
        line-height: .48rem;
        font-weight: bold;
        margin-top: .3rem;
    }
    .ver-price{
        text-align: center;
        display: block;
        font-size: .14rem;
        line-height: .32rem;
        margin: .2rem 0 .32rem;
    }
    .ver-price-num{
        font-size: .36rem;
        color: #47D8BF;
    }
    .ver-price-num23{
        color:#E87171; 
    }
    .ver-btn{
        /* width:1.1rem;
        height: .3rem; */
        padding:.05rem .27rem; 
        border-radius: 100px;
        color: #fff;
        font-size: .14rem;
        display: block;
        margin: 0 auto;
        cursor: pointer;
        width: 1.1rem;
        text-align: center;
    }
    .btn1{
        background: #47D8BF; 
    }
    .btn23{
        background: #E87171; 
    }
    .ver-ul li{
        text-align: center;
        font-size: .14rem;
        margin-bottom: .2rem;
    }
    .ver-ul-p{
        line-height: .37rem;
    }
    .ver-ul li:first-child{
        font-size:.12rem;
        color: #999;
        margin: .18rem 0 .16rem; 
        padding-top: .16rem;
        border-top:1px solid #F5F5F5;
    }
    .ver-ul-li2{
        color: #47d8bf;
    }
    .ver-ul-li3{
        color: #CB6060;
    }
    .ver-ul li:last-child a{
        color: #47d8bf;
    }
    .ver-open{
        color:#47d8bf;
        font-size: .12rem; 
        margin-left: .1rem;
        cursor: pointer;
    }
    .ver-open i{
        font-size:.1rem;
        line-height: .12rem;
        height: .12rem; 
        margin-left: .05rem;
    }
    .open{
        display: inline-block;
    }
    .close{
        display: none;
    }
    .ver-open-detail{
        display: none;
        width: 100%;
        overflow: hidden;
        border-bottom:1px solid #F5F5F5;
        margin-top: .1rem;
    }
    .detail-div{
        overflow: hidden;
        width: 70%;
        margin: 0 auto;
    }
    .ver-open-detail i{
        color: #E87171;
        font-size: .16rem;
        line-height: .2rem;
    }
    .open-detail-left{
        float: left;
        width: 50%;
    }
    .open-detail-left span,.open-detail-right span{
        display: block;
        width: 100%;
        line-height: .17rem;
        color: #999;
        margin-bottom: .17rem;
    }
    .open-detail-right{
        float: left;
        width: 50%;
    }
.problem{
    width: 72.4%;
    margin: 0 auto;
    padding-bottom:.99rem;
    margin-top: .5rem;
}
    .problem h1{
        text-align: center;
        font-size: .22rem;
        font-weight: bold;
        line-height: .48rem;
        margin-bottom: .4rem;
    }
    .pro-box{
        display: flex;
        justify-content: space-between;
    }
    .pro-box1{
        margin-bottom: .6rem;
    }
    .pro-box-left,.pro-box-right{
        width: 43.4%;
    }
    .pro-box h2{
        font-size: .16rem;
        color: #47d8bf;
        line-height: .48rem;
        margin-bottom: .1rem;
        font-weight: bold;
    }
    .pro-box p{
        font-size: .14rem;
        line-height: .3rem;
    }
.start{
    width: 100%;
    padding: 1.18rem 0 .75rem;
    text-align: center;
    background: url('../img/price/start_back.png') no-repeat;
    background-size: cover;
    color: #fff;
}
    .start h1{
        font-size:.36rem;
        line-height: .5rem; 
    }
    .start p{
        font-size: .18rem;
        line-height: .25rem;
        margin: .2rem 0 .58rem;
    }
    .start-btn{
        width: 1.7rem;
        /* height: .54rem; */
        border: 3px solid #fff;
        display: block;
        margin: 0 auto;
        margin-bottom: .75rem;
        color: #fff;
        padding: .15rem .4rem;
        cursor: pointer;
    }

     /* 手机适配 */
     @media only screen and (max-width:700px) {
        .banner{
            padding-bottom: 4rem;
            height: auto;
        }
        .banner h1{
            font-size: 18px;
            line-height: 1rem;
            font-weight: bold;
        }
        .banner p{
            font-size: 14px;
            line-height: 1rem;
            width:90%;
        }
        .version{
           flex-wrap: wrap;
           /* position: unset !important; */
           margin-left:unset;
           width:100%;
           margin-top: -3.3rem;
        }
        .version-box{
            height: auto;
            /* top: -3rem; */
            /* position: unset !important; */
        }
        .ver-item {
            margin: 0 auto;
            width: 80%;
            margin-bottom:.5rem;
            padding: .5rem 0 .5rem;
        }
        .ver-item h1{
            line-height:1rem;
            font-size: 22px;
        }
        .ver-price{
            font-size: 14px;
            margin: .5rem 0 .6rem;
        }
        .ver-price-num{
            font-size: 36px;
        }
        .ver-btn{ 
            /* width: 4rem;
            height: 1rem; */
            padding: 0.2rem .7rem;
            font-size: 14px;
            width: 4rem;
        }
        .ver-ul li:first-child{
            font-size: 12px;
            padding-top: .5rem;
        }
        .ver-ul li{
            font-size: 14px;
        }
        .ver-ul-p{
            line-height:1rem;
        }
        .ver-open i{
            font-size: 10px;
        }
        .ver-open{
            margin: 0 auto;
            font-size: 12px;
        }
        .open{
            display: block;
        }
        .detail-div{
            font-size: 12px;
            width: 90%;
        }
        .ver-open-detail span{
            line-height: 1rem;
        }
        .ver-open-detail{
           
        }
        .ver-open-detail i{
            font-size: 20px;
        }
        .ver-ul li{
            line-height: 1rem;
        }
        .ver-ul li:first-child{
            margin-top: .5rem;
        }
        .ver-ul p{
            width: 100%;
        }
        .problem{
            /* margin-top: -3rem; */
            padding-top: .8rem;
        }
        .problem h1,.pro-box h2,.start h1,.start p{
            line-height: 1rem;
        }
        .problem h1{
            font-size: 22px;
        }
        .pro-box p,.ver-price{
            line-height: 1rem;
        }
        .pro-box{
            display: block;
        }
        .pro-box-left, .pro-box-right{
            width: 100%;
        }
        .pro-box-left{
            margin-bottom: .6rem;
        }
        .pro-box h2{
            font-size: 16px;
        }
        .pro-box p{
            font-size: 14px;
        }
        .start h1{
            font-size: 18px;
            line-height: 1rem;
        }
        .start p{
            width: 90%;
            line-height: .8rem;
            font-size: 14px;
        }
        .start-btn{
            border:1px solid #fff;
            width: 4rem;
            text-align: center;
        }
     }